<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content=""/>
    <meta name="author" content="Simplicity Itself"/>

    <title>Yummy Noodle Bar</title>

    <link href="/resources/css/bootstrap.min.css" rel="stylesheet">
    </link>
    <style type="text/css">
        body {
            padding-top: 60px;
            padding-bottom: 40px;
        }

        .sidebar-nav {
            padding: 9px 0;
        }
    </style>
    <!-- See http://twitter.github.com/bootstrap/scaffolding.html#responsive -->
    <link href="/resources/css/bootstrap-responsive.min.css" rel="stylesheet">
    </link>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>

<div th:include="layout :: head"></div>
<div class="container-fluid">
    <div th:include="layout :: left"></div>
    <div class="hero-unit span9">
		<h3>Where do we deliver your Order?</h3>
		<p>
			<a class="btn btn-primary btn-large" href="/showBasket">Back to basket</a>
		</p>

	</div>

	<div class="row-fluid">
		<div class="span8 sidebar-nav">

            <div th:if="${message}"
                 th:text="${message}"
                 id="message" class="alert alert-info">
            </div>

            <form method="POST" th:object="${customerInfo}">
                <table>
                    <tr>
                        <td>Name:</td>
                        <td><input type="text" th:field="*{name}" /></td>
                        <td th:if="${#fields.hasErrors('name')}"><p th:errors="*{name}">Incorrect Name</p></td>
                    </tr>

                    <tr>
                        <td>Address:</td>
                        <td><input type="text" th:field="*{address1}" /></td>
                        <td th:if="${#fields.hasErrors('address1')}"><p th:errors="*{address1}">Incorrect Address</p></td>
                    </tr>
                    <tr>
                        <td>Postal Code:</td>
                        <td><input type="text" th:field="*{postcode}" /></td>
                        <td th:if="${#fields.hasErrors('postcode')}"><p th:errors="*{postcode}">Postcode Error</p></td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <input type="submit" value="Place order" />
                        </td>
                    </tr>
                </table>
            </form>
            <div th:include="layout :: foot"></div>
		</div>
	</div>
</div>
</body>
</html>